<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script th:src="@{/mobile/visitorReward/index.js}"></script>
<style type="text/css">
.div1 {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 90%;
	margin: auto;
	height: auto;
}

.div-time {
	font-family: PingFangSC-Regular;
	background: #e9e9e9;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	text-align: justify;
	line-height: 50px;
}

.div-type {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	margin-left: 20px;
}

.div-inline {
	display: inline;
	font-family: PingFangSC-Regular;
	text-align: justify;
	color: #999999;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	float: left;
}
</style>
</head>
<body>

	<div data-role="page" id="pageone">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome" href="/wcsi/ui/mobileMain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
		</div>
		<div data-role="header">
			<h1>我的信息</h1>

		</div>

		<div data-role="main" class="ui-content">
			<input type="hidden" id="currentVisitorId"
				th:value="${currentVisitor.user.id}" />


			<table data-role="table" data-mode="columntoggle:none"
				style="background-color: #FFFFFF;">
				<tr>
					<td width="30%" colspan="2"><img id="visitorImg" width="100%"
						src="/wcsi/img/backimg.jpg" /></td>

				</tr>
				<tr>
					<td>游客姓名:</td>
					<td>&nbsp;&nbsp;<font th:text="${currentVisitor.user.name}"></font></td>

				</tr>
				<tr>
					<td>联系电话:</td>
					<td>&nbsp;&nbsp;<font
						th:text="${currentVisitor.user.contactType}"></font></td>

				</tr>
				<tr>
					<td>奖励总分:</td>
					<td>&nbsp;&nbsp;总分:<font id="rewardSum" th:text="${rewards}"></font></td>
				</tr>
			</table>

		</div>

		<br />
		<div data-role="collapsible" data-collapsed="false">
			<h3>我的奖励列表</h3>
			<ul data-role="listview" id="myRewardDetails">

			</ul>
		</div>
	</div>

	

	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>